Reading Progress for WordPress — Plugin Overview

This is a useful plugin that creates a progress bar on your page showing how much you’ve scrolled through the site. The reading progress bar is filled with color or a nice gradient.

Page Scroll Progress Bar

Reading Progress is small WordPress plugin that creates a progress bar that indicates how much you’ve scrolled on a website.

It’s very useful to show the reading progress on page or a blog post. Generally, such indicators are used on long articles and help readers understand how far they are from finishing the article.

It support all popular browsers: Chrome, Firefox, Safari, IE8+ and mobile browsers.

Detects Mobile Automatically: plugin auto-detects mobile and tablet devices and act accordingly to present the best user experience.

42Theme

What do you Receive with Reading Progress Plugin?

It’s very useful to show the reading time progress on-page or a blog post. Generally, such indicators are used on long articles and help readers understand how far they are from finishing the article.

Reading Progress tested and compatible with 3rd Party Plugins: Yoast SEO, Contact Form 7, W3 Total Cache, NextGen Gallery, Slider Revolution, WooCommerce. It also will work perfectly and improve the user experience in conjunction with popular Website Page Builders, like Elementor, Visual Composer, Gutenberg, Divi, WP Bakery Page Builder and many others.

The Attractiveness of the Site

This plugin is useful for blogs, magazines or websites that want to show the reading progress on page or a blog post. The Reading Progress plugin helps readers track their reading progress in a clean and simple way.

Increase Conversion Rate

Reading Progress Plugin is a useful tool for bloggers. The reading progress creates trust and helps increase the conversion rate and make their readers stick to their website.

Enable or Disable Reading Progress Bar for Certain Pages

The plugin settings can enable or disable the reading progress bar based on the conditions you specify for certain pages.

Fully Cross-Browser Support

Our team is the making sure that the Reading Progress plugin for WordPress work across an acceptable number of web browsers. We tested our plugin on pre-release versions of browsers.

We have worked hard to make the extension work perfectly on all the browsers available.

42Theme

Cross browser compatible Reading Progress plugin for WordPress will be stable in any version of a browser (Chrome, Firefox, Opera, Safari, Edge, Internet Explorer) – in all browsers, visitors will get an incredibly smooth experience when scrolling through the site.

Easy Customize Style and Color

You can easily customize its position (to the top or bottom of the page), height, filled with the color or beautiful gradient. Use the plugin in different styles. You can easily customize your website to give it a unique appearance with minimum effort.

Native JavaScript, without jQuery

No, it’s not another library, it’s just plain Javascript without additional libraries. Longevity – Frameworks and libraries change but JavaScript is forever. Performance – vanilla javascript code works much faster than popular libraries.
Fast, Lightweight, Cross-platform.

More Amazing Features

  • Easy to use: Install & Go
  • Show the progress bar only on certain pages. Assign it to just about anything you want.
  • Valid HTML5 Code
  • Works with all Themes
  • Native JavaScript, without jQuery
  • All major browsers supported: IE8+, Chrome, Firefox, Safari, Android browser, Opera, iOs browser
  • Customizable position, colors, height
  • Lightweight and Fast
  • Installation Guide
  • Full Responsive, works on all devices
  • Easy to customise
  • 6 styles available with unlimited colors and gradients.
  • Support For Mobile Devices
  • Detailed Users Manual

How to Install Reading Progress for WordPress

Install Reading Progress plugin as any other WordPress plugin . Just install and go.

For most cases and most users, the procedure will be:

  • Download and unzip item to your local machine.
  • From the backend of your WordPress site (Admin Dashboard) select Plugins → Add New.
  • Click the "Upload Plugin" button and select t42-reading-progress-v.x.x.x.zip package on your local machine.
  • Click the "Install Now" button.
  • Don’t forget to activate the plugin after installation.

See a short video: How To Install WordPress Plugins

Video: How To Install WordPress Plugins

Settings — Reading Progress for WordPress

The Reading Progress plugin for WordPress is flexible and easily customizable, allowing you to change parameters without diving into the code.

Customizable Style, Colors & Gradients, Position and more

The following is a screenshot of plugin settings and explaining each option.

Reading Progress Settings
Reading Progress for WordPress - Plugin Settings

Style: Default, Rounded, Plastic, Animated, Shine, Glow

Color: Select color or gradient for Progress Bar.

Shadow: Customize shadow for a progress bar.

Height: Select height in pixels for Progress Bar.

Position: Select position where to show Progress Bar. Top or Bottom.

Offset: Distance to move progress bar up or down, depending on the selected position.

Custom Selector: Enter a valid CSS selector to display the progress bar not for the entire page height, but for a specific part. Leave blank to use full page height.

Reading Progress CSS Customisations

The Reading Progress styling is basic if you understand the CSS selectors and their meanings.

Reading Progress Custom CSS Settings
Custom CSS Settings

Progress Bar

Here is a listing of useful CSS selectors to customize reading progress bar.

CSS Selector Description
#t42-reading-progress-wrapper These selector is used to style the container of the progress bar.
#t42-reading-progress These selector is used to style the progress bar.

If you have any problems with styling, or you can't achieve your desired style, please contact with our support team.

How to show Reading Progress Bar only on Certain Pages

Since version 1.1.0, it has been possible to show the Reading Progress Bar only on certain pages. Now you have the possibility to assign progress bar to just about anything you want, giving you full control.

By selecting the specific assignments you can limit where plugin should or shouldn’t be published. To have it published on all pages, simply do not specify any assignments.

Assignments Settings

Reading Progress Settings
Assignments Settings

Changelog

2.0.3 (5 January 2024)

  • fixed
    Fixed compatibility issues with the Custom Scrollbar plugin (thanks to slimfire18)

2.0.2 (29 December 2023)

  • added
    Added "42Theme Plugins" on Add Plugins page
  • fixed
    Resolved AJAX request failures caused by concurrent use of multiple 42Theme plugins
  • changed
    Improved WordPress 6.4 compatibility
  • changed
    Improved Code Quality
  • changed
    Updated Master Plugin Framework

2.0.1 (30 October 2023)

  • added
    Added fixed position for Live Preview.
  • fixed
    Fixed bug with offset NaN.
  • fixed
    Minor typo fixes.
  • changed
    Updated Documentation.
  • changed
    Updated Master Plugin framework.

2.0.0 (13 November 2021)

  • added
    Show progress bar not for the entire page height, but for a specific part.
  • added
    Added new styles.
  • added
    Added custom gradients support.
  • added
    Added custom shadow support.
  • added
    Added Offset support. Move progress bar up or down.
  • changed
    Fully Code Refactored.
  • changed
    Based on powerful Master Plugin framework.

1.2.1 (5 June 2019)

  • changed
    Fixed bug with additional bar styles.

1.2.0 (20 November 2018)

  • fixed
    Fixed PHP Warning: in_array() expects parameter 2 to be array, null given in /wp-content/plugins/t42-rpb/t42-rpb.php on line 645
  • changed
    Improved translation.
  • changed
    Fully Code Refactoring.
  • changed
    Optimised css and js files.
  • added
    Support Chrome 73+ with passive listeners

1.1.0 (14 May 2017)

  • added
    Settings link on plugin page
  • added
    Assignments. By selecting the specific assignments you can limit where progress bar should or shouldn't be published.
  • added
    Preview of styles in the admin panel.
  • added
    2 New animated styles for progress bar: Shine, Glow.
  • changed
    Optimized and minimized JS and CSS files.
  • fixed
    Bug with custom CSS field
  • fixed
    Bug with z-index of progress bar

1.0.0 (15 April 2017)

  • added
    Initial release